﻿<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<c:set var="path" value="${pageContext.request.contextPath }" />
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>联系我们</title>
<link rel="stylesheet" href="${path }/resource/meidu/css/header.css"/>
<link rel="stylesheet" href="${path }/resource/meidu/css/footer.css"/>
<link rel="stylesheet" href="${path }/resource/meidu/css/base.css"/>
<link rel="stylesheet" href="${path }/resource/meidu/css/main.css"/>
<script type="text/javascript" src="${path }/resource/meidu/js/jquery.min.js"></script>
<script type="text/javascript" src="${path }/resource/meidu/js/common.js"></script>
<style>
body{
	width:100%;
	height:100%;
	background:url(${path }/resource/meidu/images/bg.png) repeat;
	min-width:1240px;
}

</style>
</head>

<body>
<!-- 头部 -->
    <jsp:include page="_nav.jsp"></jsp:include>
<section class="content">
	<!--wrap-contact/S-->
	<div class="wrap-contact main deep-gray" style="top:0px;margin:60px auto">
    	<div class="wrap bg_white" style="padding:10px;">
        	<div class="fl wid30">
            	<div class="side-info mt20 ml10">
                	<h1 class="deep-black">SUNGO盛高国际</h1>
                    <p class="font12 mt5 mb20">全球WENLLNESS时尚健康管理服务运营商</p>
                    <div class="mt15">
                    	<div class="fl"><img src="${path }/resource/meidu/images/icon_phone.jpg" /></div>
                        <div class="fl font12"><p>全球贵宾服务</p><p>87-0731 82285599</p></div>
                    </div>
                </div>
            </div>
            <c:if test="${msg eq null }">
            <form action="${path }/md/addMessage" method="post"  >
            <div class="fr side-cont wid70 font12 messageTable">
            	<img src="${path }/resource/meidu/images/ad_04.jpg" style="width:100%;"/>
                <div class="input-list mt30">
                	<ul>
                    	<li>
                        	<div class="fl wid20">咨询内容<span class="sky-blue">*</span></div>
                            <div class="fr wid80"><textarea name="content" type="text" maxlength="300" class="about-input-item light-grey-bg" style="height:100px;"/></textarea></div>
                            <div class="clear"></div>
                        </li>
                        <li>
                        	<div class="fl wid20">称谓<span class="sky-blue">*</span></div>
                            <div class="fr wid80"><input type="text" name="title" class="about-input-item light-grey-bg"/></div>
                            <div class="clear"></div>
                        </li>
                        <li>
                        	<div class="fl wid20">姓<span class="sky-blue">*</span></div>
                            <div class="fr wid80"><input name="lastName" type="text" class="about-input-item light-grey-bg"/></div>
                            <div class="clear"></div>
                        </li>
                        <li>
                        	<div class="fl wid20">名字<span class="sky-blue">*</span></div>
                            <div class="fr wid80"><input name="firstName" type="text" class="about-input-item light-grey-bg"/></div>
                            <div class="clear"></div>
                        </li>
                        <li>
                        	<div class="fl wid20">地区<span class="sky-blue">*</span></div>
                            <div class="fr wid80"><input name="area" type="text" class="about-input-item light-grey-bg"/></div>
                            <div class="clear"></div>
                        </li>
                        <li>
                        	<div class="fl wid20">邮箱</div>
                            <div class="fr wid80"><input name="email" type="text" class="about-input-item light-grey-bg"/></div>
                            <div class="clear"></div>
                        </li>
                        <li>
                        	<div class="fl wid20">联系地址</div>
                            <div class="fr wid80"><input name="address" type="text" class="about-input-item light-grey-bg"/></div>
                            <div class="clear"></div>
                        </li>
                        <li>
                        	<div class="fl wid20">联系电话<span class="sky-blue">*</span></div>
                            <div class="fr wid80"><input name="tel" type="text" class="about-input-item light-grey-bg"/></div>
                            <div class="clear"></div>
                        </li>
                        <li>
                        	<div class="fl wid20">&nbsp;</div>
                            <div class="fr wid80 mt30"><input type="submit" onclick="return check()" value="立即提交"  class="commit-btn block sky-blue-bg ac"></div>
                            <div class="clear"></div>
                        </li>
                        <li class="mt30">
                        	<div class="fl wid20">标有*号的栏目必须填写</div>
                            <div class="fr wid80">盛高集团将会使用您的个人资料作为回复及处理查询之用，并不会用于其他目的。</div>
                            <div class="clear"></div>
                        </li>
                    </ul>
                </div>
            </div></form>
            </c:if>
            <c:if test="${msg ne null }">
				<img alt="" src="${path }/resource/images/ok.png">　<span class="f-18">${msg }</span>
			</c:if>
             <div class="clear"></div>  	
        </div>   
         
    </div>
    
    <!--wrap-contact/E-->
</section>
<!-- 底部 -->
  <jsp:include page="_foot.jsp"></jsp:include>
  <script type="text/javascript">
		/***
		 * 验证表单是否为空
		 */
		function check() {
			var flag = true;
			var input = $(".messageTable").find("input[type=text]");
			input.each(function() {
				if ($(this).val().trim() == "") {
					flag = false;
				}
			});
			if (!flag) {
				alert("请填写完整的留言信息后在提交！");
			}
			return flag;
		}
	</script>
</body>
</html>
